@charset "utf-8";
html,.full{height:100%;overflow: hidden;}
body{background:#f8f8f8;color:#666;font-family:"微软雅黑";}
ul,h1,h2,h3,h4,h5,h6,p,td,th{padding: 0;margin: 0;}
li{list-style: none;}
a{color:#555;}
a:hover,a:active,a:focus{color:#555;text-decoration: none;}
.box_bg{background: #fff;}
.row_box{margin-bottom: 20px;}

/*头部*/
.bs-header{height:80px;position:absolute;left:0;top:0;right:0;z-index:2;background: #206dee;color: #fff;}
.logoImg{height:42px;margin:19px 0 0 0.44rem;float:left; }
.header_list{padding-top:31px;margin-right: 0.5rem;}
.header_list > li{height: 18px;float: left;text-align:center;cursor: pointer;line-height: 18px;font-size:14px;}

.header_list > li:hover > ul{display: block;}
.header_list > li > div{position: relative;}
.header_list > li:first-child > div,.header_list > li:nth-child(3) div{background: url("../image/head/icon1.png") no-repeat right center;padding-right:20px;background-size:10px 6px;}
.header_list > li:nth-child(2){border:1px solid #115ad4;border-top:0;border-bottom:0;padding:0 0.14rem;margin: 0 0.14rem;}
.header_list > li > div > span{display: inline-block;color: #fff;position: absolute;border-radius: 2px;background: #f68484;height: 18px;width: 18px;
    top:12px;left: 35px;line-height: 18px;text-align: center;font-size: 12px;}

.backlog_list{background: #fff;width: 200px;position: absolute;border:1px solid #bcbebf;display: none;}
.backlog_list li{height: 40px;line-height: 40px;color: #808ca1;padding:0 12px 0 18px;}

.backlog_list li span{float:left;display: inline-block;height: 18px;line-height: 18px;width: 30px;text-align: center;color: #fff;background: #79b7e6;margin-top: 11px;}

.user_center{width:2.07rem;position: relative;cursor: pointer;}
.user_center:hover > ul{display: block;}
.user_center > div{height: 80px;line-height: 80px;overflow: hidden;font-size:0.14rem;}
.user_center > div img{width:42px;margin-right:10px;margin-top:19px;float:left;}
.user_center > div span{
    float:left;
}
.user_list{width: 100%;position: absolute;background: #fff;border:1px solid #bcbebf;display: none;}
.user_list li{height: 58px;line-height: 58px;color: #808ca1;padding-left: 35px;}
.user_list li img{margin-right: 10px;margin-top: -3px;}
.user_list li:hover{background: #f3f6f7;}

.header_up{display: inline-block;background: url("../image/head/icon1.png") no-repeat center center;width: 12px;height: 12px;float: left;background-size:10px 6px;margin: 34px 0 0 8px;}

/*左侧导航*/
.bs-aside{position:absolute;width:260px;top:0;bottom:0;min-height:100%;padding-top:80px;left:0;background: #333333;color:#fff;transition: width .5s;}
.bs-aside a{color:#cccccc;font-size:14px;}
.bs-aside .bs-toggle{display: block;text-align:right;line-height: 30px;font-size:16px;background: #252525;}
.bs-aside .bs-toggle:hover{background: #444;}
.bs-aside > ul > li > a{display: block;height:48px;line-height: 48px;transition: padding-left .5s;}
.bs-aside > ul > li.layui-this > a,.bs-aside > ul > li:hover > a{background: #206dee !important;color: #fff !important;}
.layui-nav-child dd{background:#333;}
.bs-nav > li > a > i{background-repeat: no-repeat;background-position: left center;display: inline-block;height: 24px;width: 24px;float: left;margin: 12px 10px 0 0;}
.bs-nav > li.layui-this > a > i,.bs-nav > li:hover > a > i{background-position: right center;}
.bs-nav > li > a > i.nav_icon1{background-image: url("../image/head/nav_icon1.png");}
.bs-nav > li > a > i.nav_icon2{background-image: url("../image/head/nav_icon2.png");}
.bs-nav > li > a > i.nav_icon3{background-image: url("../image/head/nav_icon3.png");}
.bs-nav > li > a > i.nav_icon4{background-image: url("../image/head/nav_icon4.png");}
.bs-nav > li > a > i.nav_icon5{background-image: url("../image/head/nav_icon5.png");}
.bs-nav > li > a > i.nav_icon6{background-image: url("../image/head/nav_icon6.png");}
.bs-nav > li > a > i.nav_icon7{background-image: url("../image/head/nav_icon7.png");}
.bs-nav > li > a > i.nav_icon8{background-image: url("../image/head/nav_icon8.png");}
.bs-nav > li > a > i.nav_icon9{background-image: url("../image/head/nav_icon9.png");}
.bs-nav > li > a > i.nav_icon10{background-image: url("../image/head/nav_icon10.png");}
.bs-nav > li > a > i.nav_icon11{background-image: url("../image/head/nav_icon11.png");}
.bs-nav > li > a > i.nav_icon12{background-image: url("../image/head/nav_icon12.png");}
.bs-nav > li > a > i.nav_icon13{background-image: url("../image/head/nav_icon13.png");}
.bs-nav > li > a > i.nav_icon14{background-image: url("../image/head/nav_icon14.png");}
.bs-nav > li > a > i.nav_icon15{background-image: url("../image/head/nav_icon15.png");}
.bs-nav > li > a > i.nav_icon16{background-image: url("../image/head/nav_icon16.png");}
.bs-nav > li > a > i.nav_icon17{background-image: url("../image/head/nav_icon17.png");}
.bs-nav > li > a > i.nav_icon18{background-image: url("../image/head/nav_icon18.png");}
.bs-nav > li > a > i.nav_icon19{background-image: url("../image/head/nav_icon19.png");} 
/*主体*/
.bs-main{height:100%;overflow-y: auto;position:relative;}
/*底部*/
.bs-footer{height:60px;color:#cccccc;font-size:14px;text-align:center;background: #333333;position: absolute;bottom:0;left:260px;right:0;transition: left .5s;padding-top: 10px;}
.bs-footer p{margin-bottom: 0;}
.bs-footer p span{color: #428bca;margin-right: 15px;}
.bs-footer p span:last-child{margin-right: 0;}
/*列表*/
.bs-nav{padding:0;height:calc(100% - 95px);position: relative;}
/*折叠*/
.bs-warp{padding:0 0 0 260px ;position: relative;height:100%;transition: padding-left .5s;}
.bs-warp.fold{padding-left:40px;}
.bs-warp.fold .bs-aside{width:40px;}
.bs-warp.fold .bs-aside > ul > li > a .nav_icon + span,.bs-warp.fold .bs-aside > ul > li > dl{display: none;}
.bs-warp.fold .bs-aside > ul > li > a{padding-left: 8px;}
.bs-warp.fold .bs-warp.fold .bs-footer{left:40px;}

.bs-warp2 .bs-header h1{text-shadow: none;}
.full .bs-footer{background: #000000;left: 0;}
.bs-warp2 .bs-aside{min-height: calc(100% - 0px);}
.bs-warp2 .bs-aside .bs-toggle{background: #040a1e;padding-right:10px;background:url('../image/head/ss.jpg')no-repeat right 0.2rem center;}
.bs-warp2 .header_list > li > div > span{background: #f39800;border-radius: 9px;}


.bs-warp2 .bs-aside > ul > li > a,.bs-warp2 .bs-aside > ul > li > a{border-left-color:#0f86ff;}
.bs-warp2.bs-warp.fold .bs-aside > ul > li > a{padding-left: 5px;}

/*重写bootstrap*/
.row{margin-left: 0 !important;margin-right: 0 !important;}
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9{padding-left: 10px !important;padding-right: 10px !important;}
/*重写swiper*/
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url("../image/head/prev_icon.png") !important; }
.swiper-button-next, .swiper-button-prev{width: 44px !important;background-size: 44px 44px !important;top: 40% !important;outline: none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url("../image/head/next_icon.png") !important;}
/*重写layui*/
.layui-nav-tree{width: 100% !important;}
.layui-nav-tree .layui-nav-item{line-height: 48px !important;}
.layui-nav-tree .layui-nav-item a{height: 48px !important;}
.layui-nav-tree .layui-nav-bar{display: none !important;}
.layui-nav-tree .layui-nav-child a{line-height: 48px !important;}
.layui-nav .layui-nav-item a{padding: 0 10px;color:rgba(255,255,255,.8);font-size:14px;}
.bs-warp2 .layui-nav-tree .layui-nav-child a:hover,.bs-warp2 .layui-nav-tree .layui-nav-child a.layui-this{background: #206dee!important;}
.bs-warp2 .layui-nav-tree .layui-nav-child dd.layui-this,.bs-warp2 .layui-nav-tree .layui-nav-child dd.layui-this a,
.bs-warp2 .layui-nav-tree .layui-this,.bs-warp2 .layui-nav-tree .layui-this>a,.bs-warp2 .layui-nav-tree .layui-this>a:hover{background-color: #206dee !important;}
.layui-nav-itemed>.layui-nav-child{background-color: #333;text-indent: 60px;}


.bs-aside{background: #222222;}
.bs-aside .bs-nav{background: #222222;}
.bs-aside > ul > li.active > a, .bs-aside > ul > li:hover > a{
    background: #222222;
}
.bs-warp2 .bs-main{color: #fff;padding-top:80px;}

.main1 ul li dl,.bs-main h3,.main2,.main3,.main4,.main5,.main6{background: #102542;}
nav{background: #031938;}
nav {border-bottom:2px solid #000e31; position: relative;height:30px;}
nav li{padding:0 2% 0 20px;font-size:12px ;line-height:28px ;color: #999999;border-right:2px solid #000e31;float: left;position: relative;cursor: pointer;}
nav li:hover,nav .select{color: #fff;background: #102542;}
nav li span{position: absolute;font-size: 14px;right: 10px;display: inline-block;height: 28px;width: 20px;text-align: center;}
.bs-warp2 .bs-main h3{font-size:16px ;line-height:45px ;color: #fff;text-indent: 10px;border-bottom: 2px solid #000e31;}
.layui-nav-tree .layui-nav-item a{color:#fff;}
.layui-nav-tree .layui-nav-item {color:#fff;}
/* .layui-nav-itemed{
    display: none;
} */
/* .bs-warp.fold .layui-nav-tree .layui-nav-more{
    display: none;
} */
ol.layui-nav-child{
    text-indent: 100px!important;
}
	/*修改滚动条样式*/
    .layui-nav-tree::-webkit-scrollbar{
        width:10px;
        height:10px;
        /**/
      }
      .layui-nav-tree::-webkit-scrollbar-track{
        background: #222;
        border-radius:2px;
      }
      .layui-nav-tree::-webkit-scrollbar-thumb{
        background: #bfbfbf;
        border-radius:10px;
      }
      .layui-nav-tree::-webkit-scrollbar-thumb:hover{
        background: #333;
      }
      .layui-nav-tree::-webkit-scrollbar-corner{
        background: #179a16;
      }